<template>
  <div class="index">
    <div class="center">
      <left></left>
      <div class="right">
        <top></top>
        <div class="hei10"></div>
        <div class="where" style="background: #fff; padding: 10px 30px; font-size: 14px; color: #595959;">当前位置：分销后台>通知中心</div>
        <div class="hei10"></div>
        <div class="team">
          <div class="powertop">
            <router-link class="powertopli" to="/xiaoxi/xiaoxi">消息</router-link>
            <router-link class="powertopli" to="/xiaoxi/shangxiajiatongzhi">上下架通知</router-link>
            <router-link class="powertopli" to="/xiaoxi/xitongtongzhi">系统通知</router-link>
            <router-link class="powertopli" to="/xiaoxi/fabutongzhi">发布通知</router-link>
<!-- 						<router-link class="powertopli" to="/fabuxitongtongzhi" v-if="shopid == 50481 || shopid == 304676">发布系统更新</router-link>
            <router-link class="powertopli" to="/xitongtongzhi">系统更新</router-link> -->
          </div>
        </div>
        <router-view></router-view>
      </div>
    </div>
    <!-- <foot></foot> -->
  </div>
</template>

<script>
  import axios from "axios";
  import top from '@/components/top.vue'
  import left from '@/components/left.vue'
  import foot from "@/components/foot.vue"
  export default {
    components: {
      "left": left,
      "top": top,
      "foot": foot
    },
    name: 'index',
    data() {
      return {

      }
    },
    created() {

    }
  }
</script>

<style lang="scss" scoped>
  .team {
  	background: #F9F9F9;
  }

  .powertop {
  	display: flex;
  	width: 640px;
  }

  .powertopli {
  	flex-basis: 160px;
  	line-height: 45px;
  	border-top: 4px #F9F9F9 solid;
  	color: #727272;
  	border-right: 1px #EAEAEA solid;
  	font-size: 14px;
  	text-align: center;
  }

  .router-link-active {
  	background: #FFFFFF;
  	border-top: 4px #2974FF solid;
  }
</style>
